home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1843 / 1843.xpi / skin / classic / net.css < prev    next >
Cascading Style Sheet File  |  2010-01-15  |  15KB  |  735 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. .panelNode-net {
  4.     overflow-x: hidden;
  5. }
  6.  
  7. .netTable {
  8.     width: 100%;
  9. }
  10.  
  11. /************************************************************************************************/
  12.  
  13. .hideCategory-undefined .category-undefined,
  14. .hideCategory-html .category-html,
  15. .hideCategory-css .category-css,
  16. .hideCategory-js .category-js,
  17. .hideCategory-image .category-image,
  18. .hideCategory-xhr .category-xhr,
  19. .hideCategory-flash .category-flash,
  20. .hideCategory-txt .category-txt,
  21. .hideCategory-bin .category-bin {
  22.     display: none;
  23. }
  24.  
  25. /************************************************************************************************/
  26.  
  27. .netHeadRow {
  28.     background: url(chrome://firebug/skin/group.gif) repeat-x #FFFFFF;
  29. }
  30.  
  31. .netHeadCol {
  32.     border-bottom: 1px solid #CCCCCC;
  33.     padding: 2px 4px 2px 18px;
  34.     font-weight: bold;
  35. }
  36.  
  37. .netHeadLabel {
  38.     white-space: nowrap;
  39.     overflow: hidden;
  40. }
  41.  
  42. /************************************************************************************************/
  43. /* Header for Net panel table */
  44.  
  45. .netHeaderRow {
  46.     height: 16px;
  47. }
  48.  
  49. .netHeaderCell {
  50.     cursor: pointer;
  51.     -moz-user-select: none;
  52.     border-bottom: 1px solid #9C9C9C;
  53.     padding: 0 !important;
  54.     font-weight: bold;
  55.     background: #BBBBBB url(chrome://firebug/skin/tableHeader.gif) repeat-x;
  56.     white-space: nowrap;
  57. }
  58.  
  59. .netHeaderRow > .netHeaderCell:first-child > .netHeaderCellBox {
  60.     padding: 2px 14px 2px 18px;
  61. }
  62.  
  63. .netHeaderCellBox {
  64.     padding: 2px 14px 2px 10px;
  65.     border-left: 1px solid #D9D9D9;
  66.     border-right: 1px solid #9C9C9C;
  67. }
  68.  
  69. .netHeaderCell:hover:active {
  70.     background: #959595 url(chrome://firebug/skin/tableHeaderActive.gif) repeat-x;
  71. }
  72.  
  73. .netHeaderSorted {
  74.     background: #7D93B2 url(chrome://firebug/skin/tableHeaderSorted.gif) repeat-x;
  75. }
  76.  
  77. .netHeaderSorted > .netHeaderCellBox {
  78.     border-right-color: #6B7C93;
  79.     background: url(chrome://firebug/skin/arrowDown.png) no-repeat right;
  80. }
  81.  
  82. .netHeaderSorted.sortedAscending > .netHeaderCellBox {
  83.     background-image: url(chrome://firebug/skin/arrowUp.png);
  84. }
  85.  
  86. .netHeaderSorted:hover:active {
  87.     background: #536B90 url(chrome://firebug/skin/tableHeaderSortedActive.gif) repeat-x;
  88. }
  89.  
  90. /************************************************************************************************/
  91. /* Breakpoints */
  92.  
  93. .panelNode-net .netRowHeader {
  94.     display: block;
  95. }
  96.  
  97. .netRowHeader {
  98.     cursor: pointer;
  99.     display: none;
  100.     height: 15px;
  101.     margin-right: 0 !important;
  102. }
  103.  
  104. /* Display brekpoint disc */
  105. .netRow .netRowHeader {
  106.     background-position: 5px 1px;
  107. }
  108.  
  109. .netRow[breakpoint="true"] .netRowHeader {
  110.     background-image: url(chrome://firebug/skin/breakpoint.png);
  111. }
  112.  
  113. .netRow[breakpoint="true"][disabledBreakpoint="true"] .netRowHeader {
  114.     background-image: url(chrome://firebug/skin/breakpointDisabled.png);
  115. }
  116.  
  117. .netRow.category-xhr:hover .netRowHeader {
  118.     background-color: #F6F6F6;
  119. }
  120.  
  121. #netBreakpointBar {
  122.     max-width: 38px;
  123. }
  124.  
  125. #netHrefCol > .netHeaderCellBox {
  126.     border-left: 0px;
  127. }
  128.  
  129. .netRow .netRowHeader {
  130.     width: 3px;
  131. }
  132.  
  133. .netInfoRow .netRowHeader {
  134.     display: table-cell;
  135. }
  136.  
  137. /************************************************************************************************/
  138. /* Column visibility */
  139.  
  140. .netTable[hiddenCols~=netHrefCol] TD[id="netHrefCol"],
  141. .netTable[hiddenCols~=netHrefCol] TD.netHrefCol,
  142. .netTable[hiddenCols~=netStatusCol] TD[id="netStatusCol"],
  143. .netTable[hiddenCols~=netStatusCol] TD.netStatusCol,
  144. .netTable[hiddenCols~=netDomainCol] TD[id="netDomainCol"],
  145. .netTable[hiddenCols~=netDomainCol] TD.netDomainCol,
  146. .netTable[hiddenCols~=netSizeCol] TD[id="netSizeCol"],
  147. .netTable[hiddenCols~=netSizeCol] TD.netSizeCol,
  148. .netTable[hiddenCols~=netTimeCol] TD[id="netTimeCol"],
  149. .netTable[hiddenCols~=netTimeCol] TD.netTimeCol {
  150.     display: none;
  151. }
  152.  
  153. /************************************************************************************************/
  154.  
  155. .netRow {
  156.     background: LightYellow;
  157. }
  158.  
  159. .netRow.loaded {
  160.     background: #FFFFFF;
  161. }
  162.  
  163. .netRow.loaded:hover {
  164.     background: #EFEFEF;
  165. }
  166.  
  167. .netCol {
  168.     padding: 0;
  169.     vertical-align: top;
  170.     border-bottom: 1px solid #EFEFEF;
  171.     white-space: nowrap;
  172.     height: 17px;
  173. }
  174.  
  175. .netLabel {
  176.     width: 100%;
  177. }
  178.  
  179. .netStatusCol {
  180.     padding-left: 10px;
  181.     color: rgb(128, 128, 128);
  182. }
  183.  
  184. .responseError > .netStatusCol {
  185.     color: red;
  186. }
  187.  
  188. .netDomainCol {
  189.     padding-left: 5px;
  190. }
  191.  
  192. .netSizeCol {
  193.     text-align: right;
  194.     padding-right: 10px;
  195. }
  196.  
  197. .netHrefLabel {
  198.     -moz-box-sizing: padding-box;
  199.     overflow: hidden;
  200.     z-index: 10;
  201.     position: absolute;
  202.     padding-left: 18px;
  203.     padding-top: 1px;
  204.     max-width: 15%;
  205.     font-weight: bold;
  206. }
  207.  
  208. .netFullHrefLabel {
  209.     display: none;
  210.     -moz-user-select: none;
  211.     padding-right: 10px;
  212.     padding-bottom: 3px;
  213.     max-width: 100%;
  214.     background: #FFFFFF;
  215.     z-index: 200;
  216. }
  217.  
  218. .netHrefCol:hover > .netFullHrefLabel {
  219.     display: block;
  220. }
  221.  
  222. .netRow.loaded:hover .netCol > .netFullHrefLabel {
  223.     background-color: #EFEFEF;
  224. }
  225.  
  226. .useA11y .a11yShowFullLabel {
  227.     display: block;
  228.     background-image: none !important;
  229.     border: 1px solid #CBE087;
  230.     background-color: LightYellow;
  231.     font-family: Monaco, monospace;
  232.     color: #000000;
  233.     font-size: 10px;
  234.     z-index: 2147483647;
  235. }
  236.  
  237. .netSizeLabel {
  238.     padding-left: 6px;
  239. }
  240.  
  241. .netStatusLabel,
  242. .netDomainLabel,
  243. .netSizeLabel,
  244. .netBar {
  245.     padding: 1px 0 2px 0 !important;
  246. }
  247.  
  248. .responseError {
  249.     color: red;
  250. }
  251.  
  252. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  253.  
  254. .hasHeaders .netHrefLabel:hover {
  255.     cursor: pointer;
  256.     color: blue;
  257.     text-decoration: underline;
  258. }
  259.  
  260. /************************************************************************************************/
  261.  
  262. .netLoadingIcon {
  263.     position: absolute;
  264.     border: 0;
  265.     margin-left: 14px;
  266.     width: 16px;
  267.     height: 16px;
  268.     background: transparent no-repeat 0 0;
  269.     background-image: url(chrome://firebug/skin/loading_16.gif);
  270.     display:inline-block;
  271. }
  272.  
  273. .loaded .netLoadingIcon {
  274.     display: none;
  275. }
  276.  
  277. /************************************************************************************************/
  278.  
  279. .netBar {
  280.     position: relative;
  281.     border-right: 50px solid transparent;
  282. }
  283.  
  284. .netResolvingBar {
  285.     position: absolute;
  286.     left: 0;
  287.     top: 0;
  288.     bottom: 0;
  289.     background: #FFFFFF url(chrome://firebug/skin/netBarResolving.gif) repeat-x;
  290.     z-index:60;
  291. }
  292.  
  293. .netConnectingBar {
  294.     position: absolute;
  295.     left: 0;
  296.     top: 0;
  297.     bottom: 0;
  298.     background: #FFFFFF url(chrome://firebug/skin/netBarConnecting.gif) repeat-x;
  299.     z-index:50;
  300. }
  301.  
  302. .netBlockingBar {
  303.     position: absolute;
  304.     left: 0;
  305.     top: 0;
  306.     bottom: 0;
  307.     background: #FFFFFF url(chrome://firebug/skin/netBarWaiting.gif) repeat-x;
  308.     z-index:40;
  309. }
  310.  
  311. .netSendingBar {
  312.     position: absolute;
  313.     left: 0;
  314.     top: 0;
  315.     bottom: 0;
  316.     background: #FFFFFF url(chrome://firebug/skin/netBarSending.gif) repeat-x;
  317.     z-index:30;
  318. }
  319.  
  320. .netWaitingBar {
  321.     position: absolute;
  322.     left: 0;
  323.     top: 0;
  324.     bottom: 0;
  325.     background: #FFFFFF url(chrome://firebug/skin/netBarResponded.gif) repeat-x;
  326.     z-index:20;
  327.     min-width: 1px;
  328. }
  329.  
  330. .netReceivingBar {
  331.     position: absolute;
  332.     left: 0;
  333.     top: 0;
  334.     bottom: 0;
  335.     background: #38D63B url(chrome://firebug/skin/netBarLoading.gif) repeat-x;
  336.     z-index:10;
  337. }
  338.  
  339. .netWindowLoadBar,
  340. .netContentLoadBar {
  341.     position: absolute;
  342.     left: 0;
  343.     top: 0;
  344.     bottom: 0;
  345.     width: 1px;
  346.     background-color: red;
  347.     z-index: 70;
  348.     opacity: 0.5;
  349.     display: none;
  350.     margin-bottom:-1px;
  351. }
  352.  
  353. .netContentLoadBar {
  354.     background-color: Blue;
  355. }
  356.  
  357. .netTimeLabel {
  358.     -moz-box-sizing: padding-box;
  359.     position: absolute;
  360.     top: 1px;
  361.     left: 100%;
  362.     padding-left: 6px;
  363.     color: #444444;
  364.     min-width: 16px;
  365. }
  366.  
  367. /*
  368.  * Timing info tip is reusing net timeline styles to display the same
  369.  * colors for individual request phases. Notice that the info tip must
  370.  * respect also loaded and fromCache styles that also modify the
  371.  * actual color. These are used both on the same element in case
  372.  * of the tooltip.
  373.  */
  374. .loaded .netReceivingBar,
  375. .loaded.netReceivingBar {
  376.     background: #B6B6B6 url(chrome://firebug/skin/netBarLoaded.gif) repeat-x;
  377.     border-color: #B6B6B6;
  378. }
  379.  
  380. .fromCache .netReceivingBar,
  381. .fromCache.netReceivingBar {
  382.     background: #D6D6D6 url(chrome://firebug/skin/netBarCached.gif) repeat-x;
  383.     border-color: #D6D6D6;
  384. }
  385.  
  386. .netSummaryRow .netTimeLabel,
  387. .loaded .netTimeLabel {
  388.     background: transparent;
  389. }
  390.  
  391. /************************************************************************************************/
  392. /* Time Info tip */
  393.  
  394. .timeInfoTip {
  395.     width: 150px; 
  396.     height: 40px
  397. }
  398.  
  399. .timeInfoTipBar,
  400. .timeInfoTipEventBar {
  401.     position: relative;
  402.     display: block;
  403.     margin: 0;
  404.     opacity: 1;
  405.     height: 15px;
  406.     width: 4px;
  407. }
  408.  
  409. .timeInfoTipEventBar {
  410.     width: 1px !important;
  411. }
  412.  
  413. .timeInfoTipCell.startTime {
  414.     padding-right: 8px;
  415. }
  416.  
  417. .timeInfoTipCell.elapsedTime {
  418.     text-align: right;
  419.     padding-right: 8px;
  420. }
  421.  
  422. /************************************************************************************************/
  423. /* Size Info tip */
  424.  
  425. .sizeInfoLabelCol {
  426.     font-weight: bold;
  427.     padding-right: 10px;
  428.     font-family: Lucida Grande, Tahoma, sans-serif;
  429.     font-size: 11px;
  430. }
  431.  
  432. .sizeInfoSizeCol {
  433.     font-weight: bold;
  434. }
  435.  
  436. .sizeInfoDetailCol {
  437.     color: gray;
  438.     text-align: right;
  439. }
  440.  
  441. .sizeInfoDescCol {
  442.     font-style: italic;
  443. }
  444.  
  445. /************************************************************************************************/
  446. /* Summary */
  447.  
  448. .netSummaryRow .netTimeBar {
  449.     background: #BBBBBB;
  450.     border: none;
  451.     display: inline-block;
  452. }
  453.  
  454. .netSummaryLabel {
  455.     color: #222222;
  456. }
  457.  
  458. .netSummaryRow {
  459.     background: #BBBBBB !important;
  460.     font-weight: bold;
  461. }
  462.  
  463. .netSummaryRow .netBar {
  464.     border-right-color: #BBBBBB;
  465. }
  466.  
  467. .netSummaryRow > .netCol {
  468.     border-top: 1px solid #999999;
  469.     border-bottom: 2px solid;
  470.     -moz-border-bottom-colors: #EFEFEF #999999;
  471.     padding-top: 1px;
  472.     padding-bottom: 2px;
  473. }
  474.  
  475. .netSummaryRow > .netHrefCol:hover {
  476.     background: transparent !important;
  477. }
  478.  
  479. .netCountLabel {
  480.     padding-left: 18px;
  481. }
  482.  
  483. .netTotalSizeCol {
  484.     text-align: right;
  485. }
  486.  
  487. .netTotalTimeCol {
  488.     text-align: right;
  489. }
  490.  
  491. .netCacheSizeLabel {
  492.     display: inline-block;
  493.     float: left;
  494. }
  495.  
  496. .netCacheSizeLabel[collapsed="true"] {
  497.     display: none !important;
  498. }
  499.  
  500. .netTotalTimeLabel {
  501.     padding-right: 6px;
  502. }
  503.  
  504. /************************************************************************************************/
  505.  
  506. .netLimitRow {
  507.     background: rgb(255, 255, 225) !important;
  508.     font-weight:normal;
  509.     color: black;
  510.     font-weight:normal;
  511. }
  512.  
  513. .netLimitLabel {
  514.     padding-left: 18px;
  515. }
  516.  
  517. .netLimitRow > .netCol {
  518.     border-bottom: 2px solid;
  519.     -moz-border-bottom-colors: #EFEFEF #999999;
  520.     vertical-align: middle !important;
  521.     padding-top: 2px;
  522.     padding-bottom: 2px;
  523. }
  524.  
  525. .netLimitButton {
  526.     font-size: 11px;
  527.     padding-top: 1px;
  528.     padding-bottom: 1px;
  529. }
  530.  
  531. /************************************************************************************************/
  532.  
  533. .netInfoCol {
  534.     border-top: 1px solid #EEEEEE;
  535.     background: url(chrome://firebug/skin/group.gif) repeat-x #FFFFFF;
  536. }
  537.  
  538. .netInfoBody {
  539.     margin: 10px 0 4px 10px;
  540. }
  541.  
  542. .netInfoTabs {
  543.     position: relative;
  544.     padding-left: 17px;
  545. }
  546.  
  547. .netInfoTab {
  548.     position: relative;
  549.     top: -3px;
  550.     margin-top: 10px;
  551.     padding: 4px 6px;
  552.     border: 1px solid transparent;
  553.     border-bottom: none;
  554.     font-weight: bold;
  555.     color: #565656;
  556. }
  557.  
  558. .netInfoTab:hover {
  559.     cursor: pointer;
  560. }
  561.  
  562. .netInfoTab[selected="true"] {
  563.     cursor: default !important;
  564.     border-color: #D7D7D7;
  565.     -moz-border-radius: 4px 4px 0 0;
  566.     background-color: #FFFFFF;
  567. }
  568.  
  569. .logRow-netInfo.error .netInfoTitle {
  570.     color: red;
  571. }
  572.  
  573. .logRow-netInfo.loading .netInfoResponseText {
  574.     font-style: italic;
  575.     color: #888888;
  576. }
  577.  
  578. .loading .netInfoResponseHeadersTitle {
  579.     display: none;
  580. }
  581.  
  582. .netInfoResponseSizeLimit {
  583.     font-family: Lucida Grande, Tahoma, sans-serif;
  584.     padding-top: 10px;
  585.     font-size: 11px;
  586. }
  587.  
  588. .netInfoText {
  589.     display: none;
  590.     margin: 0;
  591.     border: 1px solid #D7D7D7;
  592.     border-right: none;
  593.     padding: 8px;
  594.     background-color: #FFFFFF;
  595.     font-family: Monaco, monospace;
  596.     /*overflow-x: auto; HTML is damaged in case of big (2-3MB) responses */
  597. }
  598.  
  599. .netInfoText[selected="true"] {
  600.     display: block;
  601. }
  602.  
  603. .netInfoParamName {
  604.     padding: 0 10px 0 0;
  605.     font-family: Lucida Grande, Tahoma, sans-serif;
  606.     font-weight: bold;
  607.     vertical-align: top;
  608.     text-align: right;
  609.     white-space: nowrap;
  610. }
  611.  
  612. .netInfoParamValue {
  613.     width: 100%;
  614. }
  615.  
  616. .netInfoHeadersText,
  617. .netInfoPostText,
  618. .netInfoPutText {
  619.     padding-top: 0;
  620. }
  621.  
  622. .netInfoHeadersGroup,
  623. .netInfoPostParams,
  624. .netInfoPostSource {
  625.     margin-bottom: 4px;
  626.     border-bottom: 1px solid #D7D7D7;
  627.     padding-top: 8px;
  628.     padding-bottom: 2px;
  629.     font-family: Lucida Grande, Tahoma, sans-serif;
  630.     font-weight: bold;
  631.     color: #565656;
  632. }
  633.  
  634. .netInfoPostParamsTable,
  635. .netInfoPostPartsTable,
  636. .netInfoPostJSONTable,
  637. .netInfoPostXMLTable,
  638. .netInfoPostSourceTable {
  639.     margin-bottom: 10px;
  640.     width: 100%;
  641. }
  642.  
  643. .netInfoPostContentType {
  644.     color: #bdbdbd;
  645.     padding-left: 50px;
  646.     font-weight: normal;
  647. }
  648.  
  649. .netInfoHtmlPreview {
  650.     border: 0;
  651.     width: 100%;
  652.     height:100%;
  653. }
  654.  
  655. /************************************************************************************************/
  656. /* Request & Response Headers */
  657.  
  658. .netHeadersViewSource {
  659.     color: #bdbdbd;
  660.     margin-left: 200px;
  661.     font-weight: normal;
  662. }
  663.  
  664. .netHeadersViewSource:hover {
  665.     color: blue;
  666.     cursor: pointer;
  667. }
  668.  
  669. /************************************************************************************************/
  670.  
  671. .netActivationRow,
  672. .netPageSeparatorRow {
  673.     background: rgb(229, 229, 229) !important;
  674.     font-weight: normal;
  675.     color: black;
  676. }
  677.  
  678. .netActivationLabel {
  679.     background: url(chrome://firebug/skin/infoIcon.png) no-repeat 3px 2px;
  680.     padding-left: 22px;
  681. }
  682.  
  683. /************************************************************************************************/
  684.  
  685. .netPageCol {
  686.     cursor: pointer;
  687. }
  688.  
  689. .netPageSeparatorRow {
  690.     height: 5px !important;
  691. }
  692.  
  693. .netPageSeparatorLabel {
  694.     padding-left: 22px;
  695.     height: 5px !important;
  696. }
  697.  
  698. .netPageRow {
  699.     background-color: rgb(255, 255, 255);
  700. }
  701.  
  702. .netPageRow:hover {
  703.     background: #EFEFEF;
  704. }
  705.  
  706. .netPageLabel {
  707.     padding: 1px 0 2px 18px !important;
  708.     font-weight: bold;
  709. }
  710.  
  711. /************************************************************************************************/
  712.  
  713. .netActivationRow > .netCol {
  714.     border-bottom: 2px solid;
  715.     -moz-border-bottom-colors: #EFEFEF #999999;
  716.     padding-top: 2px;
  717.     padding-bottom: 3px;
  718. }
  719.  
  720. .useA11y .panelNode-net .a11yFocus:focus,
  721. .useA11y .panelNode-net .focusRow:focus {
  722.     outline-offset: -2px;
  723.     background-color: #FFFFD6 !important;
  724. }
  725.  
  726. .useA11y .panelNode-net .netHeaderCell:focus,
  727. .useA11y .panelNode-net :focus .netHeaderCell,
  728. .useA11y .panelNode-net :focus .netReceivingBar,
  729. .useA11y .netSummaryRow :focus .netBar,
  730. .useA11y .netSummaryRow:focus .netBar {
  731.     background-color: #FFFFD6;
  732.     background-image: none;
  733.     border-color: #FFFFD6;
  734. }
  735.